<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		*{margin: 0px;padding: 0px;}
		
		.both{clear: both;}
		.box-head{width: 1400px;background-color:;margin: 0px auto;overflow: hidden;}
		.box-head-1{width: 150px;background-color: white;height: 90px;float: left;}
		.box-head-2{width: 430px; height: 90px;float:left;background-color: white;}
		a{text-decoration: none;}
		.a-h-1{display: block;width: 148px; height: 40px;margin:25px 1px ;background: url(img/1.jpg);}
		.a-h-2{display: block;wdith:402px;height: 87px;margin: 0px 30px;background: url(img/2.jpg);}
		.input1{width: 350px; background-color: aliceblue;height: 39px;margin:  30px 0px;
		outline: none;padding:  0px 20px;border-left: none;border: 1px;} 
		.select1{width:55px;height: 40px;float: left;margin: 30px auto;background-color: aliceblue;
		border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-right: none;outline: none;
		border: 0px;}
		.box-head-3{width: 350px;height :20px;background-color: ;float: left;;}
		.box-head-4{width: 55px;height: 87px;float: left;margin-left: 10px;}
		.box-head-5{width: 145px;height: 39px;margin: 30px 0px;float: left;}
		.box-head-6{width: 30px,height:30px;margin: 30px 10px;float: right;}
		.box-head-62{width: 30px,height:30px;margin: 30px 10px;float: right;}
		.box-head-7{wdith:50px;overflow: hidden;margin-top:30px;margin-right: 0px;float: right;}
		.a2{height:30px;width: 30px;background: url(img/3.png);display: block;}
		.a3{height:30px;width: 30px;background: url(img/6.png);display: block;}
		.a2:hover{background: url(img/3.png) -30px 0px;}
		.a3:hover{background: url(img/6.png) -30px 0px;}
		.button3{color: #6495ED;font-size: larger;border: none;background-color: #F5F5F5;display: inline-block;}
		.button3:hover{border-color: #6495ED;border: 2px;}
		.a1{color: #6495ED;display: inline-block;	}
		.box-middle{width: 1400px; overflow: hidden;background: orange;margin: 30px auto;}
		
		
		.nav {
		    overflow: auto;
		    width: 1400px;
		    margin: 0px 0px;
		    background-color: dodgerblue;
		    
		}
		
		.nav ul {
		    margin: 5px 30px;padding: 0;
		    list-style-type: none; 
		    display: inline-block;
		}
		
		.nav ul li {
		    float:left;margin: 0px 10px;
		}
		
		.nav a {
		    display:block;
		    width: 40px;font-size: larger;
		    height: 30px;
		    line-height:30px;
		    text-decoration: none;
		    
			text-align: center;margin: 5px 12px;
		}
		
		.nav a:hover {
		    background-color: #E6E6FA;
		}
		.boxa{width: 1400px;/* overflow: auto; */height:70px;margin: 30px auto;/* background-color: #FFA500; */}
		.boxa1{width: 853px;overflow: auto;float: left;}
		.aa1{width: 853px;background: url(./img/12.jpg);display: block;height: 67px;}
		.boxa2{width:463px;overflow: auto;float: right;}
		.aa2{width: 463px;height: 69px;background: url(img/12.png) ;display: block;}
		.boxb{width: 1400px;height:700px ;/* ;background-color: #6495ED; */margin: 0px auto;}
		.boxb1{width:430px;float: left;height: 700px;/* background-color: #FFA500; */}
		.boxb2{width:430px;float: left;height: 700px;/* background-color: #FFA500; */margin: 0px 50px;}
		.boxb3{width:430px;float: left;height: 700px;/* background-color: #FFA500; */}
		.ab1{display:block;width: 60px;border-right: 2px;float: left;padding: 2px 5px;text-decoration: none;
		font-size: x-large;overflow: auto;text-align: center;}
		.ab2{display:block;width: 80px;border-right: 2px;float: left;padding: 2px 5px;text-decoration: none;
		font-size: x-large;overflow: auto;text-align: center;}
		.ab3{display:block;width: 100px;border-right: 2px;float: left;padding: 2px 5px;text-decoration: none;
		font-size: x-large;overflow: auto;text-align: center;}
		.ab4{display:block;width: 80px;border-right: 2px;float: right;padding: 2px 5px;text-decoration: none;
		font-size: large;overflow: auto;text-align: center;}
		.lib1{display: inline-block; border-right: 2px solid #bbb;}
		.lib2{display: inline-block;margin: 0px 10px; border-right: 2px solid #bbb;}
		.lib3{display: inline-block;}
		.ab1:hover{border-bottom:  4px solid #1E90FF;}
		.ab2:hover{border-bottom:  4px solid #1E90FF;}
		.ab3:hover{border-bottom:  4px solid #1E90FF;}
		.lib4{display: inline-block;margin-right: 0px;}
		.ul1{list-style-type: none; overflow: auto;width: 330px;}
		a{text-decoration: none;color: black;text-align: center;}
		.boxw1{width: 430px;margin-top: 20px;/* background-color: blue; */height: 500px;}
		ul{list-style-type: none; }
		.boxw1 ul li{float:left;margin: 5px 5px;text-align: center;}
		a:hover{color: royalblue;}
		.hr{color: #6495ED; }
		.boxas{width: 430px;margin-top: 20px;height: 400px;}
		.lis{display: inline-block;border-right:  3px solid #4169E1;wdith=50px;overflow: auto;
		margin-top: 10px;padding: 2px 5px;float: left;}
		.ulss{display: inline-block;wdith=320px;overflow: auto;float:left;margin-top: 10px;margin-left: 5px;}
		.as{width:50px;height: 50px;}
		.divss{width: 70px;float: left;overflow: auto;}
		.c22{clear: both;}
		.divaa{width: 430px;height: 50px;/* background-color:crimson; */margin:0px 0px;}
		.left{margin-left: 0px;}
		.a01{width:254px ;height:33px ;display: block;background: url(./img/666.png);}
		.box01{width:254px ;height:33px ;display: inline-block;margin-top: 5px;}
		.d1{width: 242px;height: 132px;float: left;}
		.ad1{width: 242px;height: 132px;background: url(./img/02.png);display: block;}
		.d2{width: 100px;height: 70px;float: left;margin-left: 20px;}
		.a11{display:block;width:240px;height:130px;background:url(img/01.png);float:left;}
		.ba11{display:block;width:240px;height:130px;float: left;}
		.ba22{width:100px;height: 60px;display: block;float: left;margin-left: 30px;}
		.us1{width: 430px;background-color: snow;overflow: auto;border: 1px #1E90FF;border-style: ;}
		.b9{width: 430px;overflow: auto;}
		.li6{float:left ;display: inline-block;width: auto;padding: 8px 5px;}
		.us2{width: 430px;background-color: whitesmoke;overflow: auto;border: 1px   #1E90FF;border-style;}
		.b10{width: 430px;overflow: auto;}
		.aend{background: url(img/222.png);display: block;width: 428px;height: 238px;margin-top: 50px;}
		.m{margin-top:50px;}
	</style>
	<body>
		<div class="box-head">
			<div class="box-head-1 "><a class="a-h-1" href=""></a></div>
			<!-- <div class="box-head-1 both"><img src="img/1.jpg "style="margin: 25px 1px;"></div> -->
			<!-- <div class="box-head-2 "><img src="img/2.jpg" style="margin: 0px 14px ;"></div> -->
			<div class="box-head-2  "><a class="a-h-2" href=""></a></div>
			
					<div class="box-head-4 ">
						<form>
					<select class="select1">
					<option>网页</option>
					<option>图片</option>
					<option>视频</option>
					<option>音乐</option>
					<option>地图</option>
					<option>问问</option>
					<option>百科</option>
					<option>新闻</option>
					<option>购物</option></select>
				</form></div>
				<div class="box-head-3 ">
					
						<input class="input1"></div>
			<div class="box-head-5 "><img src="img/4-5.jpg"></div>
			<div class="box-head-7"><button class="button3 "><a href=""  class="a1">登录</a></button></div>
			<div class="box-head-6"><a href="" class="a2"></a></div>
			<div class="box-head-62"><a href="" class="a3"></a></div>
			
			
			
		</div>
		<div class="box-middle">
			
			<div class="nav">
			        <ul>
			            <li margin-left: 0px;"><a href="#"style="margin-left: 0px;">新闻</a></li>
			            <li><a href="#">视频</a></li>
			            <li><a href="#">图片</a></li>
			            <li><a href="#">军事</a></li>
						<li><a href="#">体育</a></li>
						<li><a href="#">NBA</a></li>
						<li><a href="#">娱乐</a></li>
						<li><a href="#">财经</a></li>
						<li><a href="#">科技</a></li>
						<li><a href="#">时尚</a></li>
						<li><a href="#">汽车</a></li>
						<li><a href="#">房产</a></li>
						<li><a href="#">教育</a></li>
						<li><a href="#">文化</a></li>
						<li><a href="#">星座</a></li>
						<li><a href="#">更多</a></li>
			        </ul>
			</div>
			
		</div>
		<div class="boxa">
			<div class="boxa1"><a href=""class="aa1"></a></div>
			<div class="boxa2"><a href="" class="aa2"></a></div>
		</div>
		<div class="boxb">
			<div class="boxb1">
				<div>
				<ul>
				 <li class="lib1"><a class="ab1"href="#">要闻</a></li>
				<li class="lib2"><a class="ab2"href="#">抗肺炎</a></li>
				<li class="lib3"> <a class="ab3"href="#">湖南新闻</a></li>
				 <li class="lib4"><a class="ab4"href="#">湘潭            6℃ </a></li></ul>
				</div>
				<div  class="boxw1">
					<ul>
						<li><a href=""></a></li>
					<li><a href="https://new.qq.com/omn/20201202/20201202A01GCL00.html"><b>31省区市新增确诊病例9例，其中本土病例2例均在内蒙古</b></a></li>
					<div class="divaa"><li><a href="https://new.qq.com/omn/20201202/20201202A01IF500.html">广东新增确诊病例3例、无症状感染者1例 均为境外输入</a></li></div>
					<div class="divaa"><li><a href="">河南省12月1日新增确诊病例1例，为境外输入</a></li></div>
					<div class="divaa"><li><a href="">12月1日福建新增境外输入确诊病例1例，为美国输入</a></li></div>
					<div class="divaa"><li><a href="">世卫组织：全球新冠确诊病例累计超6284万例</a></li></div>
					<div class="divaa"><li><a href="">昨天上海无新增本地新冠肺炎确诊病例，新增1例境外输入</a></li></div>
					<div class="divaa"><li><a href="">美疾控中心：医护人员和养老院居民确认为优先接种疫苗</a></li></div>
					<div class="divaa"><li><a href="">第二波疫情下的法国养老院：孤独比病毒更可怕</a></li></div>
					<div><li><a class='a11' href=""></a></li></div>
					<div class="ba22"><a href="">美国累计确诊病例超1366万例，死亡近27万</a></div>
				
					</ul>
				</div>
				</div>
			
			<div class="boxb2">
				<div>
				<ul>
				 <li class="lib3"><a class="ab3"href="#">今日话题</a></li><hr>
			       </ul>
				</div>
				<div class="boxas">
					<ul>
						<li><a href=""><b>百年梦圆！今天，“马首”回归圆明园</b></a></li>
						<div class="divaa"><li class="lis"><a class="as" href=""><b>人民日报</b></a></li>
						<li class="ulss "><a href="">冷！西北华北降雪增多，南方多地大范围阴雨</a></li><br/></div>
					<div class="divaa "><li class="lis"><a class="as" href=""><b>新京报</b></a></li>
						<li class="ulss"><a class="ulss" ;href="">“万元大牌百元卖”：“外贸村”不是假货横行</a></li></div>
						
						<div class="divaa"><li class="lis"><a a class="as";href=""><b>央视新闻</b></a></li>
						<li class="ulss"><a href="">扎心！2.5亿中国人被这件事困扰</a></li></div>
					<div class="divaa"><li class="lis"><a a class="as";href=""><b>深网</b></a></li>
					<li class="ulss"><a href="">颜值即正义？丁真能火，靠的不仅仅是颜值</a></li></div>
						<div class="divaa"><li class="lis"><a a class="as";href=""><b>棱镜</b></a></li>
						<li class="ulss"><a href="">荣耀剥离进行时：网传“1.7倍赔偿”没了</a></li></div>
						<div class="divaa"><li class="lis"><a a class="as";href=""><b>较真</b></a></li>
						<li class="ulss"><a href="">流感疫苗副作用大不能接种？</a></li></div>
						<div class="divaa"><div class="box01"><a href=":" class="a01";></a></div>
						<!-- <iframe src="//player.bilibili.com/player.html?aid=842980943&bvid=BV1H54y167qY&cid=262097500&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> -->
						</div>
						<div class="d1"><a href="" class="ad1"></a></div>
						  <div class="d2"><a>县城出了个保健品巨头：谁说西方的就是好的</a></div>
					</ul>
				</div>
			</div>
			<div class="boxb3">
				<div class="b9 ">
					<ul class="us1">
						<li class="li6"><a href="">新闻app</a</li>
						<li class="li6"><a href="">体育app</a></li>
						<li class="li6"><a href="">企鹅号</a></li>
						<li class="li6"><a href="">快报</a></li>
						<li class="li6"><a href="">视频</a></li>
						<li class="li6"><a href="">浏览器</a></li>
						<li class="li6"><a href="">微视</a></li>
					</ul>
				</div>
				<div class="b10">
					<ul class="us2">
						<li class="li6"><a href="">微信</a</li>
						<li class="li6"><a href="">qq</a></li>
						<li class="li6"><a href="">空间</a></li>
						<li class="li6"><a href="">企业微信</a></li>
						<li class="li6"><a href="">邮箱</a></li>
						<li class="li6"><a href="">腾讯云</a></li>
						<li class="li6"><a href="">电脑管家</a></li>
						<li class="li6"><a href="">会员</a></li>
					</ul>
					</div>
					
						<div class="b9">
							<ul class="us1">
								<li class="li6"><a href="">LOL</a></li>
								<li class="li6"><a href="">DNF</a></li>
								<li class="li6"><a href="">CF</a></li>
								<li class="li6"><a href="">王者</a></li>
								<li class="li6"><a href="">单机游戏</a></li>
								<li class="li6"><a href="">火影OL</a></li>
								<li class="li6"><a href="">天刀</a></li>
								<li class="li6"><a href="">爱玩</a></li>
								<li class="li6"><a href="">逆战</a></li>
							</ul>
						</div>
						<div class="b10">
							<ul class="us2">
								<li class="li6"><a href="">软件</a</li>
								<li class="li6"><a href="">Q币</a></li>
								<li class="li6"><a href="">京东</a></li>
								<li class="li6"><a href="">腾讯地图</a></li>
								<li class="li6"><a href="">腾讯文档</a></li>
								<li class="li6"><a href="">理财通</a></li>
								
								<li class="li6"><a href="">全部</a></li>
							</ul>
							</div>
				<div class="m">
				<ul>
				 <li class="lib3"><a class="ab3"href="#"><b>热门赛事</b></a></li>
				 
				
				 <li style="display:block;float:right;"><a href="">下午好,今日有18门热门赛事>></a></li>
				   <li style="display:block;float:right;border-right:  3px solid #4169E1;"><a style="margin:5px 10px" href="">12月2日</a></li><hr />
				   </ul>
				   
				</div>
				<div><a class="aend" href=""></a></div>
			</div>
			
		</div>
	</body>
</html>
